<template>
	<view>
		<view class="codeManger">
			<view class="title">
				核销码 &nbsp;&nbsp;{{operate.code}}
			</view>
			<view class="br"></view>
			<view style="line-height: 50rpx;">
				<text class="title-two">服务内容\n</text>
				<block v-for="item in operate.content">
				<text class="title-there" >{{item}}\n</text>
				</block>
			</view>
			<view class="br"></view>
			<view style="line-height: 50rpx;">
				<text class="title-two">订单信息\n</text>
				<text class="title-there" >订单价格&nbsp;&nbsp;{{operate.orderDl.picer}}\n</text>
				<text class="title-there" >实付金额&nbsp;&nbsp;{{operate.orderDl.paid}}\n</text>
				<text class="title-there" >优惠金额&nbsp;&nbsp;{{operate.orderDl.preferential}}\n</text>
				<text class="title-there" >订单编号&nbsp; &nbsp;{{operate.orderDl.orderNum}}\n</text>
				<text class="title-there" >支付时间&nbsp; &nbsp;{{operate.orderDl.payTime}}\n</text>
				<text class="title-there" >预约时间&nbsp;&nbsp;{{operate.orderDl.bookingTime}}\n</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"verificationCode",
		props:["operate"],
		data() {
			return {
				
			};
		}
		
	}
</script>

<style>
.codeManger{
	margin: 0 auto;
	width: 89vw;

	border-radius: 10rpx 10rpx 10rpx 10rpx;
	background-color: white;
	margin: 2vh auto;
	box-shadow: 2rpx 2rpx 2rpx 2rpx rgba(0, 0, 0, 0.2);
	padding: 3vw;
}
.title{
	text-align: center;
	font-weight: bold;
}
	.br{
		width: 100%;
		height: 5rpx;
		background-color:#efeff5 ;
		margin: 10rpx auto;
	}
	.title-two{
		font-weight: bold;
		font-size: 27rpx;
	}
	.title-there{
		font-size: 20rpx;
	}
</style>